<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>用户</title>
		<style type="text/css">
			
			.kfContainer{
				width: 100px;	
				float: right;
			}
			
			.role{
			    text-align: center;
			    vertical-align: middle;
			    line-height: 60px;
			    height: 60px;
			    color: #FFF;
			    cursor: pointer;
			    box-shadow: 1px 1px 5px #888888;	
			    border-radius: 500px;		
			}
		</style>
	</head>

	<body>

		<div class="kfContainer">
			<div class="role" style="background: lightcoral">
				客服1
			</div>
			<div class="role" style="background: #00BCD4">
				客服2
			</div>
			<div class="role" style="background: #8bc34a"> 
				客服3
			</div>
		</div>
		
	</body>
</html>